<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>ckplayer.js</title>
</head>
<body>
<div class="video" style="width: 600px;height: 400px;"></div>
</body>
<script type="text/javascript" th:src="@{/static/ckplayer/ckplayer.js}" charset="utf-8" data-name="ckplayer"></script>
<script type="text/javascript">
    //定义一个变量：videoObject，用来做为视频初始化配置
    var videoObject = {
        container: '.video', //“#”代表容器的ID，“.”或“”代表容器的class
        variable: 'player', //播放函数名称，该属性必需设置，值等于下面的new ckplayer()的对象
        autoplay: true,//自动播放
        video: 'rtmp://192.168.0.140/hls'//视频地址
    };
    var player = new ckplayer(videoObject);//初始化播放器
</script>
<script type="text/javascript" th:src="@{/static/js/jquery-2.1.4.min.js}"></script>


</html>